<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>{% block title %}Cupos Anuales{% endblock %}</title>

        {% block stylesheets %}
        
            <!-- Bootstrap Menu -->
            <link rel="stylesheet" href="{{ asset('css/jquery.metisMenu.css') }}">
            <!-- Bootstrap core CSS -->
            <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
            <!-- Estilos personalizados -->
            <link href="{{ asset('css/style.css') }}" rel="stylesheet">
            <!-- Iconos font-awsome -->
            <link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
            <!-- Fuente OpenSans -->
            <link href="{{ asset('css/opensans.css') }}" rel="stylesheet">
            <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!--[if lt IE 9]>
              <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
              <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
            <![endif]-->
        
        {% endblock %}

        {% block javascripts %}
            <!-- Bootstrap core JavaScript=================== -->
            <!-- LibrerÃ­a jQuery requerida por los plugins de JavaScript -->
		<script src="{{ asset('js/jquery.js') }}"></script>
		<script src="{{ asset('js/bootstrap.min.js') }}"></script>
		<script src="{{ asset('js/bootstrap-select.js') }}"></script>
		<script src="{{ asset('js/jquery.metisMenu.js') }}"></script>

		<script>
			$(function () {

				$('#menu').metisMenu();

				$('#menu2').metisMenu({
					toggle: false
				});
                                $('#cerrarsesion').click(function(){
                                    
                                });
			});
		</script>
        {% endblock %}
    </head>
    <body>
        
        <div class="row header navbar-fixed-top">
            <div class="col-md-1 hidden-xs">
                <h1>
                    <a href="#" class="logo ">INTRANET - Cupos Anuales</a>
                </h1>
            </div>
            <div class="col-xs-12 col-md-9">
                <div class="sistema">INTRANET - Cupos Anuales</div>
            </div> 
        
            <div class="col-xs-12 col-md-2">
                <div class="btn-group sesion">
                    <div role="menu" class="btn-group perfil pull-right">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-user"></i>
                            <span>Marcos<i class="caret"></i></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                    <button type="button" class="btn btn-link">Depe:300</button>
                            </li>
                            <li>
                                    <button id="cerrarsesion" name="cerrarsesion" type="button" class="btn btn-danger cerrar-sesion">Cerrar sesión</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

       </div>
       
        <div class="container" id="main">
            <div class="row">
                <!---- Menu -->
                <div class="col-xs-12 col-md-3">
                    <ul id="menu" >
                        <li>
                            <a href="#">Cupos Anuales<span class="fa plus-minus"></span></a>
                            <ul>
                                <li><a href="">Lista de Cupos</a></li>
                                <li><a href="">Nuevo Cupo</a></li>
                            </ul>
                        </li>
                        
                    </ul>
                </div>
                <!---- Fin de Menu -->
                    
                <div class="col-xs-12 col-md-9">

                    <div class="row">
                        <div class="col-sm-4 col-md-12 col-md-offset-1">
                            {% block contenido %}{% endblock %}
                        </div>
                    </div>
                    <div class="e50"></div>
                </div>
                
            </div>
        </div>
            
        <footer>
            <a href="#">Ministerio de Salud - Provincia de Buenos Aires</a>
	</footer>
        
        

    </body>
</html>
